<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bootstrap实例</title>
    <link  type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/>
</head>
<body>
<div class="container">
      <!--jumbotron《超大屏》该组件可以增加标题的大小，并为登录页面内容添加更多的外边距（margin）-->
      <div class="jumbotron">
         <h1>欢迎登录Bootstrap页面</h1>
         <p>重置窗口大小，查看响应式效果</p>
      </div>
      <div class="row">
            <div class="col-sm-4">
                 <h3>Column 1</h3>
                 <p>你好，梦想</p>
                 <p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
            </div>
            <div class="col-sm-4">
                 <h3>Column 2</h3>
                 <p>你好，梦想</p>
                 <p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
            </div>
            <div class="col-sm-4">
                 <h3>Column 3</h3>
                 <p>你好，梦想</p>
                 <p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
            </div>
      </div>
</div>
</body>
</html>